import QtQuick 2.12
import QtGraphicalEffects 1.14

Rectangle {
    id: root
    readonly property real dp: config.dp
    property string title: "TITLE"
    property string content: "CONTNET"
    property string imgSource: ""

    height: 80*dp
    width: 285*dp

    Rectangle{
        anchors.fill: parent
        layer.enabled: true
        radius: 10*dp
        opacity: 0.1
        layer.effect: DropShadow{
            color: "#172DD6"
            samples: 32
            radius: 10*dp
            spread: 0.10
        }
    }

    Rectangle{
        anchors.fill: parent
        radius: 5*dp
        border.color: "#EFEFEF"
    }

    Text{
        x: 20*dp
        y: 14*dp
        text: title
        font.pixelSize: config.fontsize - 3*dp
        color: "#999999"
    }


    Text{
        x: 20*dp
        y: 30*dp
        text: content
        font.pixelSize: config.fontsize + 10*dp
        font.bold: true
        color: "#333333"
    }
    Image{
        height: 34*dp
        width: 34*dp
        y: 23*dp
        x: root.width - 53*dp
        source: imgSource
    }
}
